import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface QuillPenCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const QuillPenCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: QuillPenCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M18.554 2.541c-2.349.408-4.701 1.283-6.571 2.446-2.664 1.657-4.588 4.025-5.845 7.192a20.53 20.53 0 0 0-1.036 3.541c-.212 1.126-.533 3.848-.569 4.822-.028.734-.003.861.219 1.106.219.242.417.33.748.33.329 0 .534-.09.739-.323.189-.216.229-.343.258-.835.051-.85.186-2.082.251-2.295.087-.282.365-.567.665-.679.119-.044.403-.101.632-.126 2.918-.315 5.427-1.239 7.382-2.72 2.002-1.515 3.448-3.778 4.255-6.657.123-.44.19-.605.319-.789.239-.34.579-1.081.686-1.494.08-.311.093-.453.091-1.04-.002-.809-.072-1.146-.36-1.731-.222-.452-.375-.633-.638-.755-.256-.119-.507-.118-1.226.007m.229 2.109c.016.071.028.265.026.43-.006.602-.318 1.29-.749 1.65-.821.688-2.725 1.709-4.225 2.268-.405.151-.582.285-.705.531-.255.511-.077 1.104.405 1.344.303.152.547.155.952.014.511-.177 1.138-.449 1.873-.809.358-.176.66-.312.67-.301.03.029-.483.99-.733 1.373-.847 1.3-1.904 2.275-3.32 3.064-1.084.604-2.659 1.138-4.036 1.37-.457.077-1.794.248-1.814.233-.031-.024.288-1.228.478-1.811 1.012-3.094 2.564-5.323 4.815-6.913 1.538-1.086 3.553-1.948 5.692-2.433.324-.074.6-.135.615-.137.015-.002.04.056.056.127"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
